import React from 'react';
import logo from './logo.svg';
// import './App.css';
// import Father from './views/mycls/Father';
// import Father from './views/myfun/Father';

// import Rules from './router/Index'
// import Father from './views/store-view/Father';

// 第二步: 导入路由声明式导航组件, 这是路由包中内置的组件
import { NavLink, Link } from 'react-router-dom'

// 导入路由匹配规则组件(包含组件显示的坑)
// import Rules from './router/Index'
import Rules from './router/Index1'
function App() {
  return (
    <div className="App">
      <NavLink to='/home'>首页</NavLink>
      <NavLink to='/category'>分类</NavLink>
      <NavLink to='/car'>购物车</NavLink>
      {/*
        第三步: 放置路由组件匹配到的坑(路由规则)
      */}
      <Rules></Rules>
    </div>
  );
}

export default App;
